var QQMapWX = require('../index/qqmap-wx-jssdk');

// 实例化API核心类
var qqmapsdk = new QQMapWX({
    key: 'HLBBZ-UXNCV-OUOPC-5AT7V-Y3UG6-UYB5U' // 必填
});
Page({
     // 返回上一页
    returnClick() {
        wx.navigateBack();
    },
    targetHouse() {
        wx.switchTab({
            url: '/pages/goods-list/index',
        });
    },
    data: {
        srcLat: '35.280000',
        srcLng: '113.980000',
        // dstLat: '35.147514', //终点纬度
        // dstLng: '112.277360', //终点经度
        strategyArrlat: '34.52',
        strategyArrlng: '110.07'
    },
    onLoad() {
        // 请求页面数据
        wx.login({
            success: (res) => {
                if (res.code) {
                    // 请求自己的后台服务器，传递 code 获取 session_key 和 openid
                    // 请求景区分类列表
                    wx.request({
                        url: 'https://jingqu.kuxia.top/app/maps/index', // 替换为你自己的服务器地址
                        method: 'POST',
                        data: {
                            scenic_id: 3
                        },
                        success: (response) => {
                            if (response.data.code == 1) {
                                console.log('景区分类列表', response.data.data);
                                // 假设服务器返回的数据中有一个名为 scenicList 的数组
                                this.setData({
                                    scenicList: response.data.data // 更新数据
                                });
                            }
                        },
                        fail: (err) => {
                            console.error('请求失败', err);
                        }
                    });
                    // 景区列表
                    wx.request({
                        url: 'https://jingqu.kuxia.top/app/map/index', // 替换为你自己的服务器地址
                        method: 'POST',
                        data: {
                            map_id: 2
                        },
                        success: (response) => {
                            if (response.data.code == 1) {
                                console.log('景区列表', response.data.data);
                                // 假设服务器返回的数据中有一个名为 scenicList 的数组
                                this.setData({
                                    // strategyArrlat: String(response.data.data[0].lat), // 更新数据
                                    // strategyArrlng: String(response.data.data[0].lng), // 更新数据
                                });
                            }
                        },
                        fail: (err) => {
                            console.error('请求失败', err);
                        }
                    });
                }
            }
        })
        var _this = this;
        console.log(_this);
        //调用距离计算接口
        qqmapsdk.direction({
            mode: 'driving', //可选值：'driving'（驾车）、'walking'（步行）、'bicycling'（骑行），不填默认：'driving',可不填
            //from参数不填默认当前地址
            from: {
                latitude: _this.data.srcLat,
                longitude: _this.data.srcLng
            },
            to: {
                latitude: _this.data.strategyArrlat,
                longitude: _this.data.strategyArrlng
            },
            success: function (res) {
                var ret = res;
                var coors = ret.result.routes[0].polyline,
                    pl = [];
                //坐标解压（返回的点串坐标，通过前向差分进行压缩）
                var kr = 1000000;
                for (var i = 2; i < coors.length; i++) {
                    coors[i] = Number(coors[i - 2]) + Number(coors[i]) / kr;
                }
                //将解压后的坐标放入点串数组pl中
                for (var i = 0; i < coors.length; i += 2) {
                    pl.push({
                        latitude: coors[i],
                        longitude: coors[i + 1]
                    })
                }
                //设置polyline属性，将路线显示出来,将解压坐标第一个数据作为起点
                _this.setData({
                    latitude: pl[0].latitude,
                    longitude: pl[0].longitude,
                    polyline: [{
                        points: pl,
                        color: '#2A82E4',
                        width: 5
                    }]
                })
            },
            fail: function (error) {
                console.error(error);
            },
            complete: function (res) {}
        });
    }
})